<template>
  <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
    <el-tab-pane v-for="(item,index) in tabsData" :key="index" :label="item.label" :name="item.name">
      <component :is="activeName" :label="item.label"></component>
    </el-tab-pane>
  </el-tabs>
</template>
<script>
import meetingPeople from './pepele.vue'
import meetingQues from './question.vue'
import meetingNotes from './notes.vue'
import meetingPapers from './papers.vue'
import meetingSeats from './seats.vue'
import meetingBacs from './seats.vue'
export default {
  components: {meetingPeople,meetingQues,meetingNotes,meetingPapers,meetingSeats,meetingBacs},
  name: "",
  data() {
    return {
      activeName: "meetingPeople",
      tabsData: [
        { label: "参会人员", name: "meetingPeople" },
        { label: "议题", name: "meetingQues" },
        { label: "部门投票", name: "meetingNotes" },
        { label: "会议资料", name: "meetingPapers" },
        { label: "座位安排", name: "meetingSeats" }, //座位
        { label: "弹幕背景图", name: "meetingBacs" }
      ]
    };
  },
  methods: {
    handleClick() {}
  },
  created() {}
};
</script>
<style lang="scss" scoped>
.meetings-tabs {
}
</style>